@charset "UTF-8";
/***************滚轮************/
.item img:hover {
  opacity: 1; }

/***************第一个************/
.one {
  padding-bottom: 20px; }
  .one .remen {
    width: 40px; }
  .one .shang {
    margin-top: -50px; }
    .one .shang .game_01 {
      -webkit-transition: all 800ms ease-in-out;
      transition: all 800ms ease-in-out; }
      .one .shang .game_01:hover {
        opacity: 1;
        -webkit-transform: translate(30px) rotateY(20deg);
        transform: translate(30px) rotateY(20deg);
        -webkit-transition: all 800ms ease-in-out;
        transition: all 800ms ease-in-out; }

.qingchu {
  margin-right: 0px; }

.right {
  text-align: right; }

.name {
  font-size: 30px;
  color: #2a2a2a; }

.neirong {
  font-size: 12px;
  color: #898989;
  line-height: 30px; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.jianju {
  padding-right: 18px;
  padding-bottom: 20px; }

/***************第二个************/
.two {
  padding-top: 30px;
  padding-bottom: 20px; }
  .two .game_02 {
    -webkit-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out; }
    .two .game_02:hover {
      opacity: 1;
      -webkit-transform: rotateY(200deg);
      transform: rotateY(200deg);
      -webkit-transition: all 800ms ease-in-out;
      transition: all 800ms ease-in-out; }

/***************更多案例************/
.gengduo {
  padding-bottom: 50px; }
  .gengduo .font_gd {
    font-size: 36px;
    color: #010101;
    padding-bottom: 20px; }
  .gengduo .juli {
    padding: 0px 20px 20px 20px; }
  .gengduo .tu {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden; }
    .gengduo .tu .zhezhao {
      position: absolute;
      top: 0;
      right: 100%;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      background: rgba(0, 0, 0, 0.7);
      color: #fff; }
      .gengduo .tu .zhezhao .jieshao {
        font-size: 12px;
        line-height: 20px;
        padding: 10px 10px 0 10px;
        text-align: left; }
    .gengduo .tu:hover .zhezhao {
      right: 0;
      -webkit-transition: all 500ms ease-out;
      transition: all 500ms ease-out; }
  .gengduo .game_name {
    font-size: 14px;
    color: #2a2a2a;
    text-align: center;
    padding-top: 15px; }

/**设配**/
@media (max-width: 768px) {
  .game_01 {
    width: 360px;
    height: 450px; } }
